<script setup>
import { ref } from 'vue'
import XxxSon2 from './components/XxxSon2.vue'
/*
   父子组件传值
     父传子（父传子属性）
       传：
          <xxx :num="appNum" />
       收
        const props =  defineProps({
             num:{
                type:Number,
                required:true,
                default:简单数据类型直接写/复杂类型()=>复杂类型
                validator(value){ return true/false }
             }
          })
         js:  props.num    html {{num}}
     子传父（子触发父方法）
      1:子组件标签绑定方法
        <xxx  @fn="appFn"  />
      2：子组件内接收方法
        xxx组件内：接收方法
        const emits=defineEmits(['fn'])
      3：子组件内触发方法
        emits('fn',实参值)





*/
const money = ref(1000)
const setMoney = num => {
  money.value = num
}
</script>

<template>
  <div class="app-page">
    <h5>我是父组件</h5>
    <hr />
    <XxxSon2 :money="money" @setMoney="setMoney"></XxxSon2>
  </div>
</template>

<style scoped></style>
